<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">

</head>
<body>
<!--分页很简单 一个pagination就实现分页了。lg变大-->
<nav>
    <ul class="pagination pagination-lg">
        <li > <a href="#" >
            <!--这个是<< -->
            &laquo;
        </a></li>
        <!--设置活动状态和disabled属性-->
        <li class="active"><a href="#">1</a></li>
        <li class="disabled"><a href="#">1</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">&raquo;</a></li>
    </ul>
</nav>
<hr>
<!--默认居中对齐形式-->
居中形式对齐
<nav>
    <ul class="pager">
        <li><a href="#">previous</a></li>
        <li><a href="#">next</a></li>
    </ul>
</nav>
<hr>
<!--两端对齐-->
两端对齐，li中加两个类而已。
<nav>
    <ul class="pager">
        <!--可以在类中disabled 给禁用掉。-->
        <li class="previous disabled"><a href="#">&larr; previous</a></li>
        <li class="next"><a href="#"> next &rarr; </a></li>
    </ul>
</nav>

<script src="bootstrap/jquery-3.1.0.min.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>

</body>
</html>